<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <title>楼盘首页</title>
  <link rel="stylesheet" type="text/css" href="../css/reset.css" />
  <link rel="stylesheet" type="text/css" href="../css/main.css" />
  <style>
    body{
      background-color: #eee;
    }
    .clearfix:before {
      content: '';
      display: table;
    }
    .clearfix:after {
      content: '';
      display: table;
      clear: both;
    }
    .search-box{
      height: 1.92rem;
      padding-top: .42rem;
      position: relative;
      background-color: #fff;
      border-bottom: 1px solid #dcdcdc;
      box-sizing: border-box;
    }
    .img-box{
      position: absolute;
      width: .64rem;
      height: .64rem;
      left: 1rem;
      top: .7rem;
    }
    .img-box img{
      max-width: 100%;
    }
    .text-input{
      width: 100%;
      height: 1.15rem;
      background-color: #eeeeee;
      border-radius: .3rem;
      padding-left: 1.5rem;
      font-size: .5rem;
      box-sizing: border-box;
    }
    .max-size{
      width: 14.7rem;
      margin: auto;
    }
  </style>
</head>

<body>
<!--搜索框-->
<div class="search-box">
  <div class="max-size">
    <div class="img-box"><img src="../img/Search.png" alt=""></div>
    <input class="text-input" type="text" placeholder="请输入楼盘名称">
  </div>
</div>
<!--资讯列表-->
<div class="container" style="padding-top: 0;background-color: #fff">
  <div class="relative">
    <ul class="clearfix" style="margin-top: .5rem">
      <li>
        <a href="#" class="row">
          <div class="relaimg">
            <img src="../img/baner.jpg"/>
          </div>
          <div class="relacon column">
            <p>一二手房价倒挂！7个热点城市实施摇号购房7个热点城市实施摇号购房</p>
            <div class="relanum row">
              <div class="row">
                <img src="../img/time.png" class="time"/>
                <span>2018-09-09</span>
              </div>
              <div class="row">
                <img src="../img/look.png" class="look"/>
                <span>2018</span>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="#" class="row">
          <div class="relaimg">
            <img src="../img/baner.jpg"/>
          </div>
          <div class="relacon column">
            <p>一二手房价倒挂！7个热点城市实施摇号购房7个热点城市实施摇号购房</p>
            <div class="relanum row">
              <div class="row">
                <img src="../img/time.png" class="time"/>
                <span>2018-09-09</span>
              </div>
              <div class="row">
                <img src="../img/look.png" class="look"/>
                <span>2018</span>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="#" class="row">
          <div class="relaimg">
            <img src="../img/baner.jpg"/>
          </div>
          <div class="relacon column">
            <p>一二手房价倒挂！7个热点城市实施摇号购房7个热点城市实施摇号购房</p>
            <div class="relanum row">
              <div class="row">
                <img src="../img/time.png" class="time"/>
                <span>2018-09-09</span>
              </div>
              <div class="row">
                <img src="../img/look.png" class="look"/>
                <span>2018</span>
              </div>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/wap.js"></script>
</body>

</html>